<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>JSS Tests</title>
    <script language="javascript" src="jquery.min.js" type="text/javascript"></script>    
    <script language="javascript" src="../src/jquery.jss.js" type="text/javascript"></script>
	<script language="javascript" src="../src/plugins/jquery.jss.confirm.js" type="text/javascript"></script>
    <script language="javascript" src="jss/styles.js" type="text/javascript"></script>	
	<script language="javascript" src="jss/styles-arrayform.js" type="text/javascript"></script>	
	<script language="javascript" src="test-jss.js" type="text/javascript"></script>    
</head>
<body>     

    <!-- Any HTML you may require for your tests to work properly -->
	
	<div class="box">
		This should be <span class="underline">white</span> text on a <span class="underline">maroon</span> background with a red border.<br/>
		<a href="#top" id="poop" click-font="Courier">Click me</a>
	</div>
	
	<div class="box-array hover-other">
		This current time is <span id="time">???</span>.
	</div>		
	
	<div class="box">
		<div class="collapse">
			<span>Click me!</span>
			<div>Hide me!</div>
		</div>
	</div>
	
	<div class="box">
		<img id="eg" src="images/eg_off.gif" src-over="images/eg_on.gif"/>
	</div>
	
	<div class="box">
		<img id="eg" src="images/eg_off.gif" src-over="images/eg_on.gif"/>
	</div>

</body>
</html>